<template>
  <div class="airship other_common">
    <table class="common" style="margin-bottom:10px">
      <tbody>
        <tr>
          <td class="tableleft" style="width: 20%">是否显示虚假用户信息</td>
          <td style="width: 30%">
            <input type="checkbox" class="falseUser" />
          </td>
          <td class="tableleft" style="width: 20%">类型</td>
          <td>
            <select id="settlementSelect">
              <option value="1" selected>已结算</option>
              <option value="0">未结算</option>
            </select>
          </td>
        </tr>
      </tbody>
    </table>
    <table class="common">
      <thead>
        <tr>
          <th style="text-align:center">期号</th>
          <th style="text-align:center">开奖时间</th>
          <th style="text-align:center">开奖结果</th>
          <th style="text-align:center">投注金额</th>
          <th style="text-align:center">中奖金额</th>
          <th style="text-align:center; width: 15%">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td style="text-align:center">738651</td>
          <td style="text-align:center">2019-09-09 15:55:57</td>
          <td style="text-align:center">
            03|04|10|09|06|02|01|08|07|05
            <span style="color:red"></span>
          </td>
          <td style="text-align:center"></td>
          <td style="text-align:center"></td>
          <td style="text-align:center">
            <a
              class="btn btn-danger lotRevoke"
              href="javascript:void(0);"
              gameperiod="738651"
              >撤单</a
            >
            <a
              class="btn btn-info lotDetail"
              href="javascript:void(0);"
              gameperiod="738651"
              >详细</a
            >
          </td>
        </tr>
      </tbody>
    </table>
    <div class="pages">
      <el-pagination
        prev-text="上一页"
        next-text="下一页"
        background="true"
        layout="prev, pager, next"
        :total="24"
      >
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.airship {
  padding-top: 10px;
}
select {
  width: 220px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #ccc;
}
#settlementSelect {
  color: #555;
}
.airship .btn {
  padding: 1px 3px;
}
.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  /* border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); */
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #04c;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.pages {
  text-align: center;
  padding-top: 10px;
}
</style>
